<link  type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" rel="stylesheet"/>
<script type="text/javascript" src="https://www.layuicdn.com/layui/layui.js"></script>
<script type="text/javascript">
    layui.config({
      dir: 'https://www.layuicdn.com/layui/' 
      ,version: false 
      ,debug: false 
      ,base: '' 
    });
</script>



<!-- 框架的组件文档 "https://www.layui.com/doc/element/table.html" -->
<table class="layui-table" style="font-size: 14px">
	<colgroup>
		<col width="150">
		<col width="200">
		<col>
	</colgroup>
	<thead>
		<tr>
			<th>昵称</th>
			<th>加入时间</th>
			<th>签名</th>
		</tr> 
	</thead>
	<tbody>
		<tr>
			<td>贤心</td>
			<td>2016-11-29</td>
			<td>人生就像是一场修行</td>
		</tr>
		<tr>
			<td>许闲心</td>
			<td>2016-11-28</td>
			<td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
		</tr>
	</tbody>
</table>

<script type="text/javascript">
	$('.layui-table tr').click(function(){
		console.log($(this).index());
	})
</script>